v4.22.2

Compare Source

Bug Fixes

• docs: escape backticks in type or default value columns (#​6025) (009d370), closes #​6024
• types: add controlslist to html declarations (#​6026) (f4b48e9), closes #​6015
• runtime: make shadow root adopt scoped component styles (#​6028) (8ff3048), closes #​6027

v4.22.1

Compare Source

Bug Fixes

• mock-doc: add missing ShadowRoot window primitive (#​6011) (2f944e2)
• mock-doc: get native primitive from globalThis (#​6021) (72fabd1)
• runtime: create unique host ids (#​6018) (1564b7a)
• runtime: merge styles within ShadowRoot into a single node (#​6014) (61f90b0)

v4.22.0

Compare Source

Bug Fixes

• compiler: add reserved keyword (#​6001) (7ede77a), closes #​6000
• compiler: handle file rename in watch mode (#​5971) (8f0a882), closes #​3443
• compiler: no generate custom output (#​5951) (5cddfd9), closes #​5950 - fixes #​5950
• declarations: add missing event handler types (#​5964) (6ef1334) - closes #​5963
• hydrate: Add missing alias to hydrate build to fix app globals (#​6005) (c5a8ea9) - closes #​6002
• mock-doc: avoid double hydration of components (#​6003) (dbc2f58)
• mock-doc: provide mock for resize observer (#​6007) (6d6a65e)
• runtime: ensure referenceNode is child node of styleContainerNode (#​5994) (a02bc36) - closes #​5993
• runtime: scoped slot append/prepend correct order after interaction (#​5970) (2569abd) - closes #​5969
• scripts: fix Esbuild scripts to allow to run on Windows (#​5930) (8ad326c)

Features

• compiler: customize readme mermaid diagram colors (#​5980) (9ca8951), closes #​2876 #​2876
• typescript: Update to 5.5.4 (#​5959) (ce153a0)
• hydrate: support style modes in hydrate modules (#​5953) (15f3b26)

v4.21.0

Compare Source

Bug Fixes

• compiler: default asyncLoading build conditional to true (#​5941) (0e261d6), closes #​3580
• compiler: prefer localName over originalName by running an empty check on originalName (#​5943) (0f42656), closes #​5882
• compiler: verify parent node when validating component members (#​5942) (37a0aaf), closes #​5940
• runtime: have fallback for style setting (#​5948) (ae19d7a)
• runtime: only use setter if existing (#​5947) (7e9fa60), closes #​2703
• runtime: place scoped component styles after preconnect links but before custom styles (#​5938) (8f92b11)
• runtime: provide second arg to insertBefore (#​5933) (afcc9a5)
• runtime: render component styles at the end of the head tag (#​5926) (90da726), closes #​5915
• runtime: update call to prepend to remove null node (#​5946) (970c5d2)
• typescript: fix documentation on 'serializeShadowRoot' flag (#​5927) (277e3e3), closes #​5914

Features

• compiler: allow ignore pattern for copy task (#​5899) (f89c6a3), closes #​5781

🚐 4.20.0 (2024-08-02)

Bug Fixes

• core: add @​stencil/core/testing/jest-preset to export map (#​5900) (3def2b7), fixes #​5896
• compiler: don't allow shadowRoot getter to avoid hydration issues (#​5912) (5dd4f7f)
• compiler: no need for commenting selectors anymore (#​5892) (d571bbb), fixes #​5880
• compiler: respect project tsconfig watch options (#​5916) (74adeee), closes #​5709, fixes #​5709, fixes #​5592
• compiler: run copy task after other output targets (#​5902) (c3d4e8b), fixes #​5592
• core: add missing screenshot export (#​5909) (764a8ba), fixes #​5906
• hydrate: ensure beforeHydrateFn and afterHydrateFn always return a function (#​5890) (a7c212c), fixes #​5884
• runtime: hydrate shadow dom first (#​5911) (ccf1a89)
• runtime: make isSameVnode return false on initial render in a hydration case (#​5891) (82a7bb9)
• testing: update Jest types (#​5910) (5f8c969), fixes #​5908
• core: update TypeScript to v5.5 (#​5898) (5e74837)

Note

As we’ve made further enhancements to support declarative Shadow DOM, the Stencil team has determined that it’s not feasible to allow users to render a shadow component as a scoped component after compilation, such as by calling renderToString with serializeShadowRoot: false. This is because Stencil compiles styles for either shadow or scoped mode during the compilation process, embedding these styles into the hydrate module. Once this compilation is complete, the styles cannot be transformed to support the other mode. Recognizing that this change would impact the current functionality, the Stencil team has decided to proceed with this update. Moving forward, we recommend serializing all components marked with shadow: true as declarative Shadow DOM.

🏉 4.19.2 (2024-07-02)

Bug Fixes

• hydrate: partially revert #​5838 (#​5876) (dfbc340)
• hydrate: support server side rendering of components with listener (#​5877) (2c5b7f8), fixes #​5869
• testing: add testing sub module to export map (#​5873) (bb2e04f), fixes #​5871 and #​5868

🍈 4.19.1 (2024-06-27)

Bug Fixes

• compiler: account for package imports in aliasing (#​5862) (02b41d3), fixes #​5859
• compiler: try to create web worker with the workerPath before falling back to blob (#​3513) (c84dd32), fixes #​3512
• hydrate: change type resolve order (#​5863) (42b1ff2)
• internal: add cli sub package to export map (ad95222)
• internal: add mock-doc export in client runtime package.json (ad95222)

v4.20.0

Compare Source

Bug Fixes

• core: add @​stencil/core/testing/jest-preset to export map (#​5900) (3def2b7), fixes #​5896
• compiler: don't allow shadowRoot getter to avoid hydration issues (#​5912) (5dd4f7f)
• compiler: no need for commenting selectors anymore (#​5892) (d571bbb), fixes #​5880
• compiler: respect project tsconfig watch options (#​5916) (74adeee), closes #​5709, fixes #​5709, fixes #​5592
• compiler: run copy task after other output targets (#​5902) (c3d4e8b), fixes #​5592
• core: add missing screenshot export (#​5909) (764a8ba), fixes #​5906
• hydrate: ensure beforeHydrateFn and afterHydrateFn always return a function (#​5890) (a7c212c), fixes #​5884
• runtime: hydrate shadow dom first (#​5911) (ccf1a89)
• runtime: make isSameVnode return false on initial render in a hydration case (#​5891) (82a7bb9)
• testing: update Jest types (#​5910) (5f8c969), fixes #​5908
• core: update TypeScript to v5.5 (#​5898) (5e74837)

Note

As we’ve made further enhancements to support declarative Shadow DOM, the Stencil team has determined that it’s not feasible to allow users to render a shadow component as a scoped component after compilation, such as by calling renderToString with serializeShadowRoot: false. This is because Stencil compiles styles for either shadow or scoped mode during the compilation process, embedding these styles into the hydrate module. Once this compilation is complete, the styles cannot be transformed to support the other mode. Recognizing that this change would impact the current functionality, the Stencil team has decided to proceed with this update. Moving forward, we recommend serializing all components marked with shadow: true as declarative Shadow DOM.